* {box-sizing: border-box;}

.top-column {
  float: left;
  width: 50%;
  padding: 20px;
}

.bottom-column {
  float: left;
  width: 25%;
  padding: 10px;
}

.bottom-column:nth-child(4n+1) {background: #fff;}
.bottom-column:nth-child(4n+2) {background: #fbfbfb;}
.bottom-column:nth-child(4n+3) {background: #fff;}
.bottom-column:nth-child(4n+4) {background: #fbfbfb;}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 929px) {
  .bottom-column  { width: 50%; }
  .bottom-column:nth-child(4n+1) {background: #fff;}
  .bottom-column:nth-child(4n+2) {background: #fbfbfb;}
  .bottom-column:nth-child(4n+3) {background: #fbfbfb;}
  .bottom-column:nth-child(4n+4) {background: #fff;}
  .top-column { width: 100%; padding: 10px 0; }
  .learn-more { width: 50% !important }
}

@media screen and (max-width: 579px) {
  .bottom-column  { width: 100%; }
  .bottom-column:nth-child(4n+1) {background: #fff;}
  .bottom-column:nth-child(4n+2) {background: #fff; border: 2px solid #1b76c7;}
  .bottom-column:nth-child(4n+3) {background: #fff;}
  .bottom-column:nth-child(4n+4) {background: #fff; border: 2px solid #1b76c7;}
  .learn-more { width: 100% !important }
}

h2::after {
  background: linear-gradient(to right, #1a1a1a 0px, #1a1a1a 10px, #124e84 10px, #124e84 80px);
  bottom: 10px;
  display: block;
  content: "";
  height: 2px;
  margin: 10px 0 20px 0;
  width: 80px;
}

h3 {
  color: #212121;
  text-transform: uppercase;
}

.subtitle-divider {
  background: #1b76c7;
  bottom: 10px;
  display: block;
  content: "";
  height: 2px;
  margin: 5px 0 25px 0;
  width: 80px;
}

body {
  background-image: url("https://jbu_ftp.sidearmsports.com/custompages/css/gameday/background-blue-repeat.jpg");
  background-repeat: repeat;
  background-color: #eeef0;
}

.slideshow {
  border: 15px solid #124e84;
}

ol i { vertical-align: 2.5px; font-size: 12px; margin-left: 5px; color: #124e84; } ol i:hover { cursor: help; }

.bottom-column ol, .bottom-column ul {
  line-height: 1.75;
}

.learn-more {
  display: inline-block;
  padding: 1em 2em;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  width: 50%;
  color: white !important;
  background: #124e84;
  border-collapse: collapse;
  border-left: 15px solid #1b76c7;

  background: linear-gradient(to left, #124e84 50%, #1b76c7 50%) right;
  background-size: 200%;
  transition: .25s ease-out;
}

.learn-more:hover {
  background-position: left;
}

.learn-more i {
  margin-left: 10px;
}